@charset "utf-8";
.mb10{
	margin-bottom: 10px;
}
.mb15{
	margin-bottom: 15px;
}
.content-list-wrap{
	height: 94%;
}
.content-list{
	height: 100%;
}
.content-left{
	display: inline-block;
	padding: 0 15px;
	width: 25%;
	height: 100%;
	vertical-align: top;
}
.content-right,
.content-right2{
	position: relative;
	display: inline-block;
	width: 74.5%;
	height: 100%;
}

/*左上角菜单切换*/
.sub-list{
	margin-bottom: 5px;
}
.sub-list li{
	float: left;
	font-size: 14px;
	font-weight: bold;
	margin-right: 5px;
	padding: 0 10px;
	color: #fff;
	border-radius: 5px;
	line-height: 25px;
	cursor: pointer;
}
.sub-list li:hover,
.con-r-list ul li:hover{
	color: #fff150;
	/*background-color: #288cfa;*/
	background: url(../img/choose.png) no-repeat;
	background-size: 100% 100%;
	text-decoration: none;
}
li.active{
	color: #fff150;
	/*background-color: #288cfa;*/
	background: url(../img/choose.png) no-repeat;
	background-size: 100% 100%;
	text-decoration: none;
}
.Dbox{
	color: #FFFFFF;
}

.Dbox>h4{
	margin: 5px 0;
}
.tableBox{
	position: relative;
	box-shadow: 0 0 4px #1B6D85 inset;
}
.tableBox>.table{
	margin: 0;
	background-color: rgba(107,149,185,.2);
}
.tableBox .table-bordered td{
	text-align: center;
	border-color: #337ab7;
}
/*右侧项目管理切换菜单*/
.con-r-list{
	position: absolute;
	right: 0;
	top: 15%;
	color: #FFFFFF;
}
.con-r-list ul li{
	width: 30px;
	margin-bottom: 5px;
	padding: 5px 10px;
	border-radius: 5px 0 0 5px;
	background-color: rgba(107,149,185,.2);
	cursor: pointer;
}
.con-r-left,.con-r-right{
	float: left;
	height: 100%;
}
.con-r-left{
	position: relative;
	width: 60%;
}
.con-r-right{
	width: 35%;
}
.con-r-left .areaMap{
	width: 100%;
}
.con-r-right .show{
	display: inline-block;
}
.rightBox{
	display: none;
	position: relative;
	width: 100%;
	height: 100%;
	border: 1px solid #337ab7;
	border-radius: 5px;
	box-shadow: 0 0 4px #1B6D85 inset;
	background-color: rgba(107,149,185,.2);
}

.tableBox:hover .topLeft,
.tableBox:hover .topRight,
.tableBox:hover .bottomRight,
.tableBox:hover .bottomLeft,
.rightBox:hover .topLeft,
.rightBox:hover .topRight,
.rightBox:hover .bottomRight,
.rightBox:hover .bottomLeft{
	opacity: 1.0;
	filter: alpha(100);
	-webkit-animation: flash .25s;
	-webkit-animation-iteration-count:2;
}
@-webkit-keyframes flash{
	from{
		opacity: 0.5;
		filter: alpha(50);
		}
	to{
		opacity: 1.0;
		filter: alpha(100);
		}
}
/*区域图中的信息提示框*/
.point{
	display: inline-block;
	position: absolute;
	/*right: 222px;
	top: 353px;*/
	width: 30px;
	height: 41px;
	cursor: pointer;
	background: url(../img/icons/orange_big.png) center no-repeat;
	background-size: 100%;
	transition: all .5s;
}
.point:hover{
	width: 40px;
	height: 50px;
}
.point:hover>.tip{
	display: inline-block;
}
.tip{
	display: none;
	position: absolute;
	top: -175px;
	padding: 0 10px;
	background-color: #f5f5f5;
	color: #333;
	width: 220px;
	border-radius: 5px;
	box-shadow: 2px 2px 8px #222222;
}
.tip>p{
	margin-bottom: 5px;
	text-align: center;
	font-size: 14px;
	line-height: 24px;
	border-bottom: 1px solid #666;
}
.tip table{
	margin-bottom: 5px;
	font-size: 10px;
}
.tip table td:first-of-type{
	text-align: right;
}
.tip:after{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: 20px solid #F5F5F5;
	border-right: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid transparent;
	position: absolute;
	bottom: -30px;
	left: 5px;
}

.iconTab{
	margin-top: 10px;
	width: 100%;
	height: 6%;
	color: #FFFFFF;
	text-align: center;
}
.iconTab li{
	display: inline-block;
	padding: 0 5px;
	line-height: 35px;
}
.iconTab li img{
	margin-right: 5px;
}
.rightBox{
	
	color: #FFFFFF;
}
.rightBox h3{
	text-align: center;
}
.discrib{
	position: relative;
	padding: 0 25px;
	height: 60%;
}
.discrib div{
	line-height: 25px;
}
.process{
	position: relative;
}
.pro-list{
	position: absolute;
	right: 25%;
	top: 0;
	border-right: 1px solid #2387de;
}
.pro-list li{
	position: relative;
	padding-right: 35px;
	text-align: right;
	line-height: 30px;
}
.circle{
	position: absolute;
	right: -5px;
	top: 11px;
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #CCCCCC;
}
.pro-choose{
	position: absolute;
	bottom: 0;
	width: 100%;
}
.pro-choose ul{
	text-align: center;
}
.pro-choose ul li{
	display: inline-block;
	padding: 0 10px;
	font-size: 12px;
}
.rect{
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-right: 5px;
	background-color: #CCCCCC;
}
.bg-green{
	background-color: #2fdc3e;
}
.bg-orange{
	background-color: #ffcb00;
}
.taxleft{
	display: inline-block;
	width: 55.5%;
	vertical-align: top;
}
.taxright{
	display: inline-block;
	width: 43%;
}
.annual{
	display: inline-block;
	vertical-align: top;
}
.sums{
	padding-left: 5px;
	line-height: 75px;
	font-size: 28px;
	color: #ffcb00;
	text-align: left;
}
.constructImg{
	display: none;
	position: relative;
	width: 95%;
	height: 100%;
	border: 1px solid #337ab7;
	border-radius: 5px;
	box-shadow: 0 0 4px #1B6D85 inset;
	background-color: rgba(107,149,185,.2);
}
.minor{
	position: relative;
	width: 100%;
	height: 100%;
}
/*轮播图效果*/
.swiper-container {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
}
.swiper-slide {
    background-size: cover;
    background-position: center;
    overflow: hidden;
}
.gallery-top {
    height: 80%;
    width: 100%;
}
.gallery-thumbs {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
}
.gallery-thumbs .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
}
.gallery-thumbs .swiper-slide-active {
    opacity: 1;
}
.swiper-slide img{
	width: 100%;
}
/*屏幕小于996px以前的*/
@media screen and (min-width: 996px) {
	
}
/*屏幕小于1200px以前的*/
@media screen and (min-width: 1200px) {
	.content-right .iconTab{
		margin-top: 20px;
	}
	.content-right2 .areaMap{
		width: 68%;
	}
	.content-right2 .iconTab{
		width: 15%;
		position: absolute;
		right: 0;
		top: 50px;
	}
	.content-right2 .iconTab li{
		display: block;
		text-align: left;
	}
	.content-right2 .point{
		width: 35px;
		height: 45px;
	}
	.point:hover{
		width: 40px;
		height: 50px;
	}
}
/*屏幕小于1400px以前的*/
@media screen and (min-width: 1400px) {
	.sub-list{
		margin: 10px 0;
	}
	.Dbox h4{
		margin: 14px 0;
	}
	.pro-list li{
		line-height: 40px;
	}
	.pro-choose{
		height: 5%;
	}
	.discrib .mb15{
		line-height: 35px;
	}
	.content-right .iconTab{
		margin-top: 20px;
	}
	.content-right2 .areaMap{
		width: 73%;
	}
	.content-right2 .iconTab{
		width: 15%;
		position: absolute;
		right: 0;
		top: 50px;
	}
	.content-right2 .iconTab li{
		display: block;
		text-align: left;
	}
	.content-right2 .point{
		width: 35px;
		height: 45px;
	}
}
/*屏幕小于1600px以前的*/
@media screen and (min-width: 1600px) {
	
}